<!DOCTYPE html>
<html lang="en">
	<head>
		<title>${appName}</title>
		<#include "inc/header.ftl"/>
		<style>
			.page-content{padding: 0px}
		</style>
	</head>

	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default ace-save-state navbar-fixed-top">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<button type="button" class="navbar-toggle menu-toggler pull-left fixed" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<div class="navbar-header pull-left">
					<div class="navbar-brand">
						<small>
							${appName}
						</small>
					</div>
				</div>

				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="light-blue dropdown-modal">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="${prefix}/assets/images/avatars/avatar4.png" />
								<span class="user-info">
									<small>欢迎，</small>

								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#" onclick="editUser();">
										<i class="ace-icon fa fa-user"></i>
										修改个人信息
									</a>
								</li>

								<li>
									<a href="#" onclick="editPassword();">
										<i class="ace-icon fa fa-key"></i>
										修改登录密码
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="#" onclick="logout();">
										<i class="ace-icon fa fa-power-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div><!-- /.navbar-container -->
		</div>

		<div class="main-container ace-save-state" id="main-container">

			<div id="sidebar" class="sidebar responsive ace-save-state sidebar-fixed sidebar-scroll">

				<div class="sidebar-shortcuts" id="sidebar-shortcuts" style="padding-top: 7px;">
					<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse" style="background-color: transparent;border: 0 solid #E0E0E0;">
						<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
					</div>

				</div><!-- /.sidebar-shortcuts -->

				<ul id="AppMenu" class="nav nav-list">
				</ul><!-- /.nav-list -->

			</div>

			<div class="main-content">
				<div class="main-content-inner">
					<div class="breadcrumbs ace-save-state" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="ace-icon fa fa-home home-icon"></i>
								<a href="#">首页</a>
							</li>
						</ul><!-- /.breadcrumb -->
					</div>

					<div class="page-content">
						<iframe class="main_iframe" id="iframe1" name="iframe1" style="width:100%;height:100%;" src="assets/blank.html" frameborder="0"></iframe>
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->

		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="${prefix}/assets/js/jquery-2.1.4.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
		<script src="${prefix}/assets/js/jquery-1.11.3.min.js"></script>
		<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${prefix}/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${prefix}/assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->

		<!-- ace scripts -->
		<script src="${prefix}/assets/js/ace-elements.min.js"></script>
		<script src="${prefix}/assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->
		<script src="${prefix}/assets/app/index.js?211112"></script>

	</body>
</html>
